<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax请求</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
    <!-- 引入axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0/axios.min.js"></script>
    <!-- 引入qs -->
    <script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.4/qs.min.js"></script>
</head>
<script>
    // 设置请求头的时候，不可以使用快捷方式

    // 1-1. 底层接口 - get 无参
    // $.ajax({
    //     url:"http://39.96.21.48:7788/baseUser/findAll",
    //     method:"get",
    //     success:function(res) {
    //         console.log(res)
    //     },
    //     error:function(res) {
    //         console.log(res)
    //     }
    // })

    // 1-2. 快捷方式 - get 无参
    // $.get('http://39.96.21.48:7788/category/findAll',function(res){
    //     console.log(res)
    // })

    // 1-3. 快捷方式 - get 有一个参
    // var id = 1;
    // $.get("http://39.96.21.48:7788/article/findById?id="+id,function(res){
    //     console.log(res)
    // })
    
    // $.get("http://39.96.21.48:7788/article/findById",{id:id},function(res){
    //     console.log(res)
    // })

    // 2-1. 底层接口 - get多个参数
    // $.ajax({
    //     url:"http://39.96.21.48:7788/comment/pageQuery",
    //     method:"GET",
    //     data:{
    //         page:"0",
    //         pageSize:"10"
    //     },
    //     success:function(res) {
    //         console.log(res)
    //     }
    // })
    // 2-2. 快捷方式 - get 多个参数
    // $.get("http://39.96.21.48:7788/comment/pageQuery",{page:"0",pageSize:"10"},function(res) {
    //     console.log(res)
    // })

    // 3-1. 底层接口 - post - 有参
    // $.ajax({
    //     url:"http://39.96.21.48:7788/comment/saveOrUpdate",
    //     method:"POST",
    //     data:{
    //         articleId:"2",
    //         content:"很好"
    //     },
    //     success:function(res) {
    //         console.log(res)
    //     }
    // })
    
    // 3-2. 快捷方式 - post - 有参
    // $.post("http://39.96.21.48:7788/comment/saveOrUpdate",{articleId:"2",content:"很好"},function(res){
    //     console.log(res)
    // })

    // 4-1. post - 请求登录接口
    // var obj = {
    //     username:'admin1',
    //     password:'123321'
    // }
    // $.ajax({
    //     url:'http://39.96.21.48:7788/user/login',
    //     method:'POST',
    //     data:JSON.stringify(obj),
    //     contentType:'application/json',
    //     success:function(res){
    //         console.log(res)
    //     }
    // })

    // 5-1. axios - post - 登录
    // var obj = {
    //     username:'tom1',
    //     password:'123321',
    //     type:'customer'
    // }
    // axios({
    //     url:'http://47.93.255.92:5588/user/login',
    //     method:'POST',
    //     data:obj
    // }).then((res)=>{
    //     console.log(res)
    // })
    
    // var obj = {
    //     page:0,
    //     pageSize:10
    // }
    // axios({
    //     url:'http://47.93.255.92:5588/comment/query',
    //     method:'POST',
    //     data:Qs.stringify(obj),
    //     headers:{
    //         'Content-Type':'application/x-www-form-urlencoded'
    //     }
    // }).then((res)=>{
    //     console.log(res)
    // })
    
   
    

</script>
<body>

</body>
</html>